// @import url('../variables.less');
.relative_box {
  position : relative;
  margin-top : -320px;
}
.goods_nav {
  position : absolute;
  top : 0;
  left : 0;
  width : 230px;
  min-height : 320px;
  text-align : left;
  color : #fff;
  border-top : 5px solid #fd5b14;
  background : rgba(74, 74, 74, .75);

  a {
    font-size : 14px;
    color : #fff;
  }
  a:hover {
    color : @base-cs-color;
  }

  .title {
    margin-bottom : 31px;
    padding : 20px 0 0 15px;
    font-size : 14px;
    a {
      text-decoration : none;
    }
  }

  .goods_nav_list {
    .goods_nav_items {
      padding : 0 0 30px 15px;
      a {
        display : inline-block;
        padding : 0 10px 0 0;
        font-size : 15px;
      }
      label {
        margin-right : 10px;
      }
      .ys_icon {
        display : inline-block;
        width : 30px;
        height : 26px;
        background-image : url(../../images/index-icon.png);
        background-repeat : no-repeat;
      }
      .ys_icon_tg {
        background-position : 0 -4px;
      }
      .ys_icon_djt {
        background-position : -30px -4px;
      }
      .ys_icon_lg {
        background-position : -65px -4px;
      }
      .ys_icon_ld {
        background-position : -95px -4px;
      }
    }
  }
}
